Files from static folder not found in dev

I seem to be having an issue where in dev mode my static files are not found.

To recap:

• Vue-cli version: 2.9.1 (seems to include assetsPublicPath: '/', which seem to be an issue in previous vue versions)
• files under static folder not found during npm run dev
• within index.html I have following path: <script src="/static/scriptname.js"></script>

The built version does work!

[LinusBorg]

I will close this since there’s still no reproduction available And I can’t see what’s supposed to be wrong.

@goowikns Please open a new issue pointing to this one if you can create a repository that actually reproduces the issue

[nkovacs]

I’m not sure if I ran into the same problem. I changed assetsSubDirectory to an empty string and that breaks static file serving.

Before you switched to using webpack-dev-server instead of your custom dev server, you had this: https://github.com/nickspiel/webpack/blob/b4b8154a7dbcc469069a94b017dc2d56a429e8f2/template/build/dev-server.js#L57 This worked fine because it was serving ./static as whatever you decided to rename your assetsSubDirectory to.

Now it doesn’t work any more because webpack serves all files in the working directory. The working directory is set to the project root when you start the dev server with npm run or yarn run, so your entire working directory is served by webpack-dev-server (see https://webpack.js.org/configuration/dev-server/#devserver-contentbase). This means that the default assetsSubDirectory only works because the source directory is also called static. As soon as you change assetsSubDirectory, it breaks. However, under e2e tests it works because it uses the production config and CopyWebpackPlugin. Using CopyWebpackPlugin in the dev config too instead of relying on contentBase fixes this problem, at least with assetsSubDirectory set to an empty string.