<p dir="auto">[x] I have searched the <a href="https://github.com/zeit/next.js/issues">issues</a> of this repository and believe that this is not a duplicate.</p>
<p dir="auto">It appears that https cannot work with nextjs in development but there is no documentation or direct answer to this question in the issues history.</p>
<p dir="auto">I want to use https through the node https module on my local machine and communicate in dev environment over https to secure api's.</p>
<p dir="auto">As far as I can tell the https server does not work properly. While I can create the https server the connection is not considered secure by chrome. I do see in the server specific http server handling, is this not accessible through the api to configure?</p>
<p dir="auto">in the server I am using</p>
<p dir="auto"><code class="notranslate">const handle = app.getRequestHandler();  </code><br>
to handle the requests, as far as I can tell this should be all that I need to do to server the pages securely.</p>
<p dir="auto"><code class="notranslate">return handle(req, res, parsedUrl) </code></p>
<p dir="auto">next  v 3.0.1-beta.8<br>
node v 7.8.0<br>
OS  osx</p>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/zeit/next.js/issues?q=is%3Aissue">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>


<p dir="auto">My index.html file is at this URL: <code class="notranslate">mydomain.com/test-proj/test-slug/</code></p>
<p dir="auto">When I put a prefetch attribute on my Link tag, like this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Link prefetch href={`${publicRuntimeConfig.ASSET_PATH}/about`}&gt;
	&lt;a&gt;About this project&lt;/a&gt;
&lt;/Link&gt;"><pre class="notranslate"><code class="notranslate">&lt;Link prefetch href={`${publicRuntimeConfig.ASSET_PATH}/about`}&gt;
	&lt;a&gt;About this project&lt;/a&gt;
&lt;/Link&gt;
</code></pre></div>
<p dir="auto">It should prefetch the code at this address: <code class="notranslate">mydomain.com/test-proj/test-slug/_next/8a75d7ea-0f56-4f5e-880e-5ca422462521/page/about.js</code></p>
<h2 dir="auto">Current Behavior</h2>


<p dir="auto">Instead, prefetch attempts to fetch the code at this address: <code class="notranslate">mydomain.com/test-proj/test-slug/_next/8a75d7ea-0f56-4f5e-880e-5ca422462521/page/test-proj/test-slug/about.js</code></p>
<p dir="auto">If the link looks like this instead, the prefetch works properly, but the actual link goes to <code class="notranslate">mydomain.com/about</code> which 404s on refresh.</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Link prefetch href={`/about`}&gt;
	&lt;a&gt;About this project&lt;/a&gt;
&lt;/Link&gt;"><pre class="notranslate"><code class="notranslate">&lt;Link prefetch href={`/about`}&gt;
	&lt;a&gt;About this project&lt;/a&gt;
&lt;/Link&gt;
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>


<ol dir="auto">
<li>Create a project hosted on a non-root domain path.</li>
<li>Create a link to a page with a prefetch attribute.</li>
<li>See that the prefetch fails when the link has its asset path provided.</li>
</ol>
<h2 dir="auto">Context</h2>


<p dir="auto">I would like to prefetch content, but can't until this is resolved.</p>
<h2 dir="auto">Your Environment</h2>

<p dir="auto">This bug was observed using Chrome on Mac OS Sierra.</p>